<%--
  Created by IntelliJ IDEA.
  User: Admin
  Date: 2022-11-01
  Time: 20:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>制定设计单</title>
</head>
<body>
<div class="row">
<form>
<%--    <div class="container">--%>
<%--        <div id="toolbar21">--%>
<%--            <form class="form-inline" >--%>
<%--                <div class="form-group">--%>
<%--                    <label class="control-label" for="firstkindidquery">I级分类</label>--%>
<%--                    <select style="width: 203px;" id="firstkindidquery" name="firstkindid" class="form-control">--%>
<%--                        <option value="">------------请选择-------------</option>--%>
<%--                    </select>--%>
<%--                </div>--%>

<%--                <div class="form-group">--%>
<%--                    <label class="control-label" for="secondkindidquery">II级分类</label>--%>
<%--                    <select style="width: 203px;" id="secondkindidquery" name="secondkindid" class="form-control">--%>
<%--                        <option value="">------------请选择-------------</option>--%>
<%--                    </select>--%>
<%--                </div>--%>

<%--                <div class="form-group">--%>
<%--                    <label class="control-label" for="thirdkindidquery">III级分类</label>--%>
<%--                    <select style="width: 203px;" id="thirdkindidquery" name="thirdkindid" class="form-control">--%>
<%--                        <option value="">------------请选择-------------</option>--%>
<%--                    </select>--%>
<%--                </div>--%>
<%--                <input type="button" value="查询" class="btn btn-success" onclick="fjk()">--%>
<%--            </form>--%>
<%--        </div>--%>
        <div style="height: 30%">
            <table id="filelisttable" class="table table-striped table-bordered table-condensed table-hover">
            </table>
        </div>
<%--    </div>--%>
</form>
</div>


<!--外层容器div-->
<div class="modal " id="queryfilegxzdwian" data-backdrop="static">
    <!--对话框容器div-->
    <div class="modal-dialog modal-lg">
        <!--对话框内容容器div-->
        <div class="modal-content">

        </div>
    </div>
</div>

<script>

        $("#filelisttable").bootstrapTable({
            url: 'queryfilegongxuzd.action',
            method:'post',                      //请求方式（*）
            contentType: "application/x-www-form-urlencoded",
            //toolbar: '#toolbar21',              //工具按钮用哪个容器
            striped: true,                      //是否显示行间隔色
            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            sortable: true,                     //是否启用排序
            sortOrder: "asc",                   //排序方式
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                      //初始化加载第一页，默认第一页,并记录
            pageSize: 5,                     //每页的记录行数（*）
            pageList: [5, 10, 25, 50, 100],        //可供选择的每页的行数（*）
            search: false,                      //是否显示表格搜索
            strictSearch: true,
            showColumns: true,                  //是否显示所有的列（选择显示的列）
            showRefresh: true,                  //是否显示刷新按钮
            minimumCountColumns: 0,             //最少允许的列数
            clickToSelect: true,                //是否启用点击选中行
             height: 500,                      //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
            uniqueId: "id",                     //每一行的唯一标识，一般为主键列
            showToggle: true,                   //是否显示详细视图和列表视图的切换按钮
            cardView: false,                    //是否显示详细视图
            detailView: false,                  //是否显示父子表
            //得到查询的参数
            queryParams: function (params) {
                //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                var temp = {
                    pagesize: params.limit,                         //页面大小
                    pagenum: (params.offset / params.limit) + 1,   //页码
                    sort: params.sort,      //排序列名
                    sortOrder: params.order, //排位命令（desc，asc）
                    // firstkindid: $("#firstkindidquery").val(),
                    // secondkindid: $("#secondkindidquery").val(),
                    // thirdkindid: $("#thirdkindidquery").val(),
                };
                return temp;
            },
            columns: [
                {
                    field: '',
                    title: '产品编号',
                    formatter: function (value, row, index) {
                        return "<a  onclick='showfilegxzd(" + row.id + ")'>" + row.productid + "</a>";
                    }

                }, {
                    field: 'productname',
                    title: '产品名称'
                }
                , {
                    field: 'productclass',
                    title: '档次级别',
                    formatter: function (value, row, index) {
                        if (value == "D001-1" || value == "高档") {
                            return "<label class='label label-success'>高档</label>";
                        } else if (value == "D001-2" || value == "中档") {
                            return "<label class='label label-danger'>中档</label>";
                        } else if (value == "D001-3" || value == "低档") {
                            return "<label class='label label-danger'>低档</label>";
                        }
                    }
                }
                , {
                    field: 'firstkindname',
                    title: 'I级分类'
                }
                , {
                    field: 'secondkindname',
                    title: 'II级分类'
                }
                , {
                    field: 'thirdkindname',
                    title: 'III级分类'
                }
                , {
                    field: 'responsibleperson',
                    title: '产品经理'
                },
                {
                    field: 'id',
                    title: '制定设计单',
                    formatter: function (value, row, index) {
                        return "<input  type='button'  onclick='gongxuclb(" + row.id + ")' class='btn btn-success' value='制定设计单'>";
                    }

                }]
        })

  // })



    function fjk() {
           $("#filelisttable").bootstrapTable("refresh");
    }

    //显示工序表模态框
    function  showfilegxzd(id) {
            $("#queryfilegxzdwian").modal({
                remote: "queryfileupdateProductL.jsp?id="+id
            });

            $("#queryfilegxzdwiandel").click(function () {
                $("#queryfilegxzdwian").modal("hide")
            })
        }



    function gongxuclb(id) {
        $("#tab1").addTabs("生产工序设计单", "", "gongxutable.jsp", {"id": id}, true);
        $("#tab1").closeTabs("制定产品生产工序设计单")
    }


</script>


</body>
</html>
